<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html" 
      xmlns:p="http://primefaces.org/ui">
    <h:head>
        <title>Facelet Title</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    </h:head>
    <h:body>
        <h:form>
            <h:outputLabel>Id: </h:outputLabel>
            <h:inputText value="#{akenViewBean.akenId}"></h:inputText>
            <h:outputLabel>Name: </h:outputLabel>
            <h:inputText value="#{akenViewBean.akenName}"></h:inputText>
            <h:commandButton action="#{akenControllerBean.searchAken}" value="Execute"/>
        </h:form>
        <h:outputLabel>Count: </h:outputLabel>
        <h:outputText value="#{akenViewBean.akenId}"></h:outputText>
        <h:form id="form">
            <p:dataTable id="akenList" var="aken"
                         value="#{akenViewBean.akenList}"
                         paginator="true" rows="50"
                         paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
                         rowsPerPageTemplate="30,50,100" >

                <p:column sortBy="#{aken.id}" headerText="ID" style="width:20%">
                    <h:outputText value="#{aken.id}" />
                </p:column>
                
                <p:column sortBy="#{aken.data}" headerText="Name" style="width:20%">
                    <h:outputText value="#{aken.data}" />
                </p:column>
            </p:dataTable>
        </h:form>
    </h:body>
</html>

